<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>用户新增</title>

<!-- Vendor CSS -->
<link href="vendors/bower_components/animate.css/animate.min.css"
	rel="stylesheet">
<link
	href="vendors/bower_components/bootstrap-sweetalert/lib/sweet-alert.css"
	rel="stylesheet">
<link
	href="vendors/bower_components/material-design-iconic-font/dist/css/material-design-iconic-font.min.css"
	rel="stylesheet">
<link
	href="vendors/bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css"
	rel="stylesheet">
<link
	href="vendors/bower_components/bootstrap-select/dist/css/bootstrap-select.css"
	rel="stylesheet">
<link
	href="vendors/bower_components/nouislider/distribute/jquery.nouislider.min.css"
	rel="stylesheet">
<link
	href="vendors/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css"
	rel="stylesheet">
<link href="vendors/farbtastic/farbtastic.css" rel="stylesheet">
<link href="vendors/bower_components/chosen/chosen.min.css"
	rel="stylesheet">
<link href="vendors/summernote/dist/summernote.css" rel="stylesheet">
<link href="vendors/bootgrid/jquery.bootgrid.min.css" rel="stylesheet">
<!-- CSS -->
<link href="css/app.min.1.css" rel="stylesheet">
<link href="css/app.min.2.css" rel="stylesheet">
<link href="jsCtrl/widgets/orgTree.css" rel="stylesheet">
<!-- Following CSS are used only for the Demp purposes thus you can remove this anytime. -->
<style type="text/css">
.toggle-switch .ts-label {
	min-width: 130px;
}
</style>
</head>

<body>

	

	<section id="content">
		<div class="container">
			<div class="block-header">
				<h2>用户编辑</h2>
			</div>

			<div class="card">

				<form  action="#" class="form-horizontal" role="form" id="userAddForm"
					method="post">
					<div class="card-header">
						<h2>
							<small>用户编辑模块功能说明:该模块将允许您将用户编辑。</small>
						</h2>
					</div>

					<div class="card-body card-padding">
						<div class="form-group">
							<label for="username" class="col-sm-2 control-label">用户名：</label>
							<div class="col-sm-10">
								<div class="fg-line">
									<input type="text" class="form-control input-sm" id="username"
										placeholder="用户名" name="user.username">
										<span class="help-block">用户名由6-20个数字、字母或者英文的“_”组成。</span>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="fullname" class="col-sm-2 control-label">真实姓名：</label>
							<div class="col-sm-10">
								<div class="fg-line">
									<input type="text" class="form-control input-sm" id="fullname"
										placeholder="真实姓名" name="user.fullname">
										<span class="help-block">真实姓名由2-15个汉字组成。</span>
								</div>
							</div>
						</div>

						<div class="form-group">
							<label for="inputPassword1" class="col-sm-2 control-label">密码：</label>
							<div class="col-sm-10">

								<div class="fg-line">
									<input type="password" class="form-control input-sm"
										id="inputPassword1" placeholder="密码" name="user.plainPassword">
										<span class="help-block">密码由6-20个数字、字母或者英文的“_”组成。</span>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword2" class="col-sm-2 control-label">确认密码：</label>
							<div class="col-sm-10">
								<div class="fg-line">
									<input type="password" class="form-control input-sm"
										id="inputPassword2" placeholder="确认密码">
										<span class="help-block">输入与上一个密码文本框中内容一致的信息。</span>
								</div>
							</div>
						</div>

						<div class="form-group">
							<div class="skin-switch"></div>

						</div>
						<div class="form-group">
							<label for="tw-switch1" class="col-sm-2 control-label"
								style="margin-top: -7px">状态：</label>
							<div class="col-sm-10">
								<span>禁用</span>
								<div class="toggle-switch">
									<input id="tw-switch1" type="checkbox" checked> <label
										for="tw-switch1" class="ts-helper"></label>
								</div>
								<span>启用</span>

							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword2" class="col-sm-2 control-label">部门：</label>
						    <div class="controls">
			                <!-- http://datatables.club/example/user_share/row_details.html -->
			                <div class="input-append" id="zuzhi">
			                  <input type="text" placeholder="所在部门" class="col-sm-2 control-label"/>
			                  <span><a href="#orgTree" role="button" class="btn btn-info waves-effect" data-toggle="modal">
			                  <li class="zmdi zmdi-search">选择</li> </a></span> 
			                </div>
			                <!-- <a href="#myModal" role="button" class="btn" data-toggle="modal"></a>  --> 
					        <!-- Modal -->  
			               </div>
						</div>
						<!--组织机构树  -->
						<aside id="orgTree" class="orgTree c-overflow">
								<ul class="main-menu" id="orgSources"></ul>
						</aside>

						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10" style="margin-left: 0px">
								<button onclick="javascript:userEdit();" type="submit"
									class=" btn btn-primary btn-sm"
									style="width: 80px; height: 40px">编辑并提交</button>
								<button onclick="javascript:goBack();" type="button"
									class=" btn btn-danger btn-sm"
									style="width: 66px; height: 40px">取消</button>
							</div>
						</div>
					</div>
				</form>
			</div>
		</div>
	</section>
	    <!-- 部门树 -->
		


	<!-- Page Loader -->
	<div class="page-loader">
		<div class="preloader pls-blue">
			<svg class="pl-circular" viewBox="25 25 50 50">
            <circle class="plc-path" cx="50" cy="50" r="20" />
        </svg>

			<p>加载中。</p>
		</div>
	</div>


	<!-- Javascript Libraries -->
	<script src="vendors/bower_components/jquery/dist/jquery.min.js"></script>
	<script
		src="vendors/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

	<script src="vendors/bower_components/flot/jquery.flot.js"></script>
	<script src="vendors/bower_components/flot/jquery.flot.resize.js"></script>
	<script src="vendors/bower_components/flot.curvedlines/curvedLines.js"></script>
	<script src="vendors/sparklines/jquery.sparkline.min.js"></script>
	<script
		src="vendors/bower_components/jquery.easy-pie-chart/dist/jquery.easypiechart.min.js"></script>

	<script src="vendors/bower_components/moment/min/moment.min.js"></script>
	<script
		src="vendors/bower_components/fullcalendar/dist/fullcalendar.min.js "></script>
	<script
		src="vendors/bower_components/simpleWeather/jquery.simpleWeather.min.js"></script>
	<script src="vendors/bower_components/Waves/dist/waves.min.js"></script>
	<script src="vendors/bootstrap-growl/bootstrap-growl.min.js"></script>
	<script
		src="vendors/bower_components/bootstrap-sweetalert/lib/sweet-alert.min.js"></script>
	<script
		src="vendors/bower_components/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
	<script src="vendors/bootgrid/jquery.bootgrid.updated.min.js"></script>
	<!-- Placeholder for IE9 -->
	<!--[if IE 9 ]>
    <script src="vendors/bower_components/jquery-placeholder/jquery.placeholder.min.js"></script>
<![endif]-->

<script src="../../jscore/learn-js-core.js"></script>
<script src="js/functions.js"></script>
<script src="jsCtrl/user/userEdit.js"></script>
<script src="jsCtrl/widgets/orgTree.js"></script>
<script src="jsCtrl/pageParams.js"></script>

</body>
</html>